* {
margin:0;
padding:0
}
body .navbar, #navbar-iframe, .blogger-clickTrap, .feed-links, .post-footer-line-2, .status-msg-wrap {
display:none !important;
height: 0px;
visibility: hidden
}
#navbar-iframe {height: 0px;
visibility: hidden; display: none
}
body, .body-fauxcolumn-outer {
background:#FFFFFF;
font-family:'Roboto', Arial, Sans-Serif;
font-size:14px;
line-height:1.8;
color:#444444;
background-image:url(//1.bp.blogspot.com/-LK3ZQ2p-hqE/USL15b31d-I/AAAAAAAAAoY/yP92IhPcMpU/s1600/bg-stripe.png);
background-repeat:repeat-x;
}
a:link, a:visited {
color:#25A4B0;
text-decoration:none;
outline:none
}
a:hover {
text-decoration:none;
color:#33C7D5
}
ol,ul {
list-style:none
}
img {
max-width:100%;
height:auto;
width:auto
}

#pagewrap {
min-height:100%;
position:relative
}
#konten-kol {
float:left;
padding: 0px 20px 25px 0px;
width: 650px;
margin-top:40px
}
#konten-wrap {
width: 940px;
margin: 0 auto 15px;
padding:0 10px;
position:relative;
overflow:hidden;
}
#konten-wrapper {
float:left;
width:100%;
display:block;
clear:both
}

#header-wrapper {
border-top:7px solid #25A4B0;
width:100%;
}
#header-wrap {
height:auto;
padding:20px 10px 15px;
width:940px;
margin: 0 auto;
border-bottom:1px dashed #CCCCCC;
overflow:hidden
}
#header-wrap a{
color:#333333
}
#header-wrap a:hover {
color:#25A4B0;
text-decoration:none
}
#logo-header a {
float:left;
height:40px;
z-index:1;
margin-top:4px;
margin-right:30px;
width:125px;
display:block;
background-image:url(//2.bp.blogspot.com/-Nouc7y1AS18/USGk2iXwX-I/AAAAAAAAAn4/dqtrIHWQYcI/s1600/250-2-507x68.png);
background-repeat:no-repeat;
background-position:0px 0px;
background-size:250px;
overflow:hidden;
color:transparent;
}
nav#navigation {
float:left;
margin-left:0;
padding:5px 5px;
line-height:1.5;
border-left:1px dashed #CCCCCC;
font-family: 'Roboto', Arial, Sans-Serif;
overflow: hidden; text-transform:capitalize;
font-size:16px;
font-weight:400;
margin-top:5px;
}
nav#navigation li {
float: left;
list-style-type: none;
margin:0 25px
}
.search {
display:block;
float:right;
margin-top:9px;
margin-bottom:7px;
overflow:hidden;
position:relative;
z-index:100;
width:50px;
height:28px
}
.search #search-btn{
background:url(//4.bp.blogspot.com/-XQyGXrBA7O8/USWaW6z-cNI/AAAAAAAAAro/c9Q9uj4VN-w/s1600/search-icon.png) no-repeat;
float:left;
height:28px;
width:50px;
background-position:-50px 0px
}
.search-inner {
width:245px;
z-index:100
}
.search:hover,.search.active {
width:245px
}
.search .bottom,.search .left,.search .right {
background-color:#a2a2a2;
position:absolute
}
.search .bottom {
height:1px;
left:0;
top:24px;
width:214px
}
.search .left,.search .right {
height:5px;
width:1px
}
.search .left {
background-color:#cccccc;
left:56px;
top:22px
}
.search .right {
background-color:#cccccc;
left:238px;
top:22px
}
.search form {
float:left;
margin-top:2px;
width:162px
}
.search form input {
background-color:transparent;
border:none;
border-bottom:1px solid #CCCCCC;
color:#444444;
font-size:13px;
height:24px;
margin-left:6px;
outline:none;
padding:0 0 0 4px;
position:relative;
width:178px;
z-index:1500
}
.search:hover form input {
border-bottom:1px solid #25A4B0
}
.search:hover .bottom,.search:hover .left,.search:hover .right{
background-color:#25A4B0
}
.search:hover #search-btn {
background-position:0 -28px
}
.search form input:focus {
color:#444444;
font-weight:bold
}

#footer-wrapper {
width:100%;
float:left;
clear:both;
border-bottom:5px solid #25A4B0
}
#footer-wrap {
line-height:1.9em;
clear:both;
overflow:hidden;
font-size:14px;
width:940px;
margin: 0 auto;
padding:20px 10px;
height:30px;
border-top:1px dashed #CCCCCC
}
.html5-logo {float:left; width:120px; margin-top:-10px; }
.credit-footer {
float:left
}
span.credit-footer {
float:left
}
.sosial-footer {
float:right;
}
.sosial-footer a {
display:block;
height:28px;
width:28px;
float:left;
margin:0 2px;
overflow:hidden;
background:transparent url(//4.bp.blogspot.com/-TKnaIsZuRo0/UReQQ7lEvJI/AAAAAAAAAlY/0LxmDf5NWJU/s1600/222222222+sosial-net.png) repeat-y;
background-size:140px 112px
}
.sosial-footer a.facebook-f {
background-position: 0px -28px
}
.sosial-footer a.facebook-f:hover {
background-position: 0px 0px
}
.sosial-footer a.googleplus-f {
background-position: -56px -28px
}
.sosial-footer a.googleplus-f:hover {
background-position: -56px 0px
}
.sosial-footer a.twitter-f {
background-position: -28px -28px
}
.sosial-footer a.twitter-f:hover {
background-position: -28px 0px
}
.sosial-footer a.deviantart-f {
background-position: -84px -28px
}
.sosial-footer a.deviantart-f:hover {
background-position: -84px 0px
}
.sosial-footer a.rss-f {
background-position: -112px -28px
}
.sosial-footer a.rss-f:hover {
background-position: -112px 0px
}

#top-page {width:0px; height:0px;}
#back-top {float:right;}
#back-top a {margin:0 1px; color:transparent; text-decoration: none; width:29px; height:29px; display:block; background:url(//4.bp.blogspot.com/-fBqTlmxXgQ4/URe2gOtH93I/AAAAAAAAAmw/e1hlJ0vCNYQ/s1600/icon+template2.png) no-repeat; background-size:201px 142px; background-position:-172px -114px;}
#pre-loader {position:fixed;top:0;left:0;background-color:#FFFFFF; background-image:url('//4.bp.blogspot.com/-I04Xc0IkI_U/USz6XY1wbTI/AAAAAAAAAuY/aBvDM_rsp_A/s1600/123cuss-loading-broken.gif'); background-position:50% 5%; background-repeat:no-repeat; background-size:32px 32px; z-index:9999; width:100%;height:100%;display:none;}

#header-wrapper, #konten-wrapper, #a-info, #footer-wrapper, h1,h2,h3,h4,h5,h6 { animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}
.post img {animation: myfirst 10s; -moz-animation: myfirst 10s;-webkit-animation: myfirst 10s;}

#logo-header a, .search, #show-komen a, .sharebelow a, .sosial-footer a, #back-top a {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-ms-transition: all .2s ease;
}

#logo-header a:hover, #panel-komen {
opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8
}